// 引入当前页面的less文件 
require("../less/index.less")
// 引入字体图标
require("../fonts/iconfont.css");
// 引入轮播
require("../css/common-css/swiper-bundle.css")
// 引入轮播的js
let Swiper = require("../js/common-js/swiper-bundle")

window.addEventListener('load',function(){
/* 轮播图 */
//  var mySwiper = new Swiper('.swiper-container', {
new Swiper('.swiper-container', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    autoplay: {
        delay: 2000,
        stopOnLastSlide: false,
        disableOnInteraction: false,
    },
    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
    }
})

// 获取元素
let ranknum = document.querySelector(".ranknum");  //排名
let punchnum = document.querySelector("#punchnum"); //打卡次数
let punch = document.querySelector("#punch"); //打卡按钮
let badgenum = document.querySelector("#badgenum"); //徽章

let tfpunch = true; //true：没有打卡  /  false：已打卡

// 获取用户信息
let  usermsg = JSON.parse(window.localStorage.getItem("user"))
console.log(usermsg);




// 今日排名
getindex()
function getindex() {
    axios.get("http://139.9.177.51:8099/headPageInfo?userId=" + usermsg.userId)
        .then(function (res) {
            console.log(res);
            let rsd = res.data;
            console.log(rsd);
            // 显示获取的数据到页面
            if (rsd.status === 0) {
                // 排名
                ranknum.textContent = rsd.data.rank;
                console.log(rsd.data.rank);
                // 打卡天数
                punchnum.textContent = rsd.data.punchIn;
                console.log(rsd.data.punchIn);
                // 徽章
                badgenum.textContent = rsd.data.insigniaNum;
                console.log(rsd.data.insigniaNum);
                // 打卡按钮 - 判断是否打卡
                tfpunch = rst.data.isPunch === "true" ? true : false
            }
        }).catch(function (err) {
            console.log(err);
        })
}


 
// 打卡按钮
punch.addEventListener('click', function () {
    // 判断是否已经打卡 - 服务器
    // 没有打卡，那么就发请求，打卡
    if (tfpunch) {
        axios.get("http://139.9.177.51:8099/clockIn?userId=3764")
            .then(function (req) {
                let reqpunch = req.data;
                console.log(reqpunch);
                if (reqpunch.status === 0) {
                    // 调用渲染,相当于用之前的数据刷新/更新页面
                    getindex()
                    // 打卡成功
                    window.$utils.showToast("fitnessziyuan", "打卡成功")
                    // punch.textContent = "已打卡"
                }

            })
            .catch(function (e) {
                console.log(e);
            })
    } else {
        console.log("hahaha");
        window.$utils.showToast("fitnessziyuan", "今日已打卡");

    } 
})
// showTabbar()

})
